@charset "UTF-8";

@charset "UTF-8";
/*font*/
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
/* 구글폰트측에서 IE에 적용되는 웹폰트 경로를 삭제함
해결방안 ->구글측에서 구버전 폰트경로는 삭제했지만 파일은 남겨둔 파일 하기와 같이 링크 함  */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/*reset*/
* {margin:0;padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; font-family: "Noto Sans KR", "맑은 고딕", sans-serif; background: transparent;-webkit-text-size-adjust: none;letter-spacing: -0.025em;word-break: keep-all;}
body {margin:0;padding:0;height: 100%;font-size: 14px;color: #666;line-height: 1.2;}
input, select, textarea,label,fieldset{vertical-align: middle;}
label {vertical-align:middle;}
address, em {font-style:normal;}
i, em, u, cite {font-style:normal}
strong, b, th {font-weight:bold;}
fieldset, img {border:0;}
img {max-width: 100%;width: auto;vertical-align:middle;}
caption, legend, figcaption {position:absolute;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;width:1px;height:1px;font-size:1px;line-height:0;}
ul, ol, dl, dt, dd, li {list-style: none}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input, textarea, select { border:0;color: #666;vertical-align: middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
a, a:hover{text-decoration: none; color:#252525}
button {cursor: pointer;outline: none;*overflow: visible;margin:0;padding:0;border: none;background-color: transparent;vertical-align: middle;}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer;border:0}
table {width: 100%;table-layout: fixed}
th,td {vertical-align: middle;}
table, th, td {border-spacing:0;border-collapse: collapse;*border-collapse: collapse;word-wrap: break-word;}
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
textarea {width: 100%;overflow-y: auto;resize: none;}
input {padding:0;margin:0;width: 100%;border: 1px solid #ccc;color: #222;border: none;-webkit-border-radius:0;}
input[disabled] {background: #fff}
input,textarea {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="number"], input[type="file"] {-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {margin:0;-webkit-appearance: none;}
input[type="text"]::-ms-clear {display: none;}
input[type="radio"] {width:auto;}
input[type="checkbox"] {width:auto;}
input[type="radio"]:disabled + label {color:#666;}
/* input[readonly='readonly'] {background-color: #eee} */
/* placeholder Default color  */
*::-webkit-input-placeholder {color: #888 !important}
*:-moz-placeholder {color: #888 !important}/* FF 4-18 */
*::-moz-placeholder {color: #888 !important}/* FF 19+ */
*:-ms-input-placeholder {color: #888 !important}/* IE 10+ */

/* padding */
.p_b65 { padding-bottom: 65px !important;}
.pd_r0{padding-right: 0 !important;}
/* margin */
.mg_r0{margin-right:0 !important;}

/* skipnav */
.skipnav {position:absolute;z-index: 500;left:0;top:0;width: 100%;}
.skipnav a {display: block;overflow: hidden;width: 1px;height: 1px;margin-bottom:-1px;color: #fff;text-align: center;}
.skipnav a:focus, .skipnav a:active {width: 100%;height: auto;padding: 15px 0;background-color: #132436}
.blind,.ir {clip: rect(0,0,0,0);overflow: hidden;display: block;width: 1px;height: 1px;font-size: 1px;line-height: 0;text-indent: -9999em;}

.check_box.type_01 {margin-top:30px;padding: 18px 0 18px 10px;border: 1px solid #adb8bd;background-color: #fbfbfb;}
.check_box input[type="checkbox"] {position: absolute;overflow: hidden;width: 1px;height: 1px;left: -9999px;outline: 0;}
.check_box input[type="checkbox"] + label {cursor: pointer;width: 17px;height: 17px;background: url(../images/chk_off.png) no-repeat;}
.check_box input[type="checkbox"] + label span {padding-left:27px;color:#444;font-size:14px;font-weight:500;vertical-align: top;}
.check_box input[type="checkbox"]:checked + label {background: url(../images/chk_on.png) no-repeat;}

input { margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: #222; line-height: 17px; vertical-align: top; -webkit-appearance: none; border-radius: 0; outline: none;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="file"] {height:38px; padding:0 10px; font-size:14px; line-height:36px; background-color:#fff; border:1px solid #cddaeb; box-sizing:border-box; -webkit-appearance:none; border-radius: 0;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus { border: 1px solid #222; }
input[type="text"]:disabled,
input[type="text"][readonly],
input[type="password"]:disabled,
input[type="password"][readonly],
input[type="tel"]:disabled,
input[type="tel"][readonly],
input[type="file"]:disabled,
input[type="file"][readonly] { background-color: #f2f2f2; color: #999; }

input[type="radio"] {position:absolute; z-index:-1; visibility:hidden; }

input[type="radio"] + label {position:relative; display:inline-block; overflow:hidden; height: 38px; padding-left:25px; margin-right: 20px;color:#666; font-size:14px; line-height:38px; vertical-align: middle; cursor: pointer;}
input[type="radio"] + label:before {content:''; position:absolute; top:11px; left:0; width:18px; height:18px; border:1px solid #cedbeb; background:#faf9fe; border-radius:9px;}
input[type="radio"]:checked + label:before {border:1px solid #768186;}
input[type="radio"]:checked + label:after {content:''; position:absolute; top:16px; left:5px; width:10px; height:10px; background:#a8a8a8; border-radius:4px;}

input[type="radio"].noText + label {position:relative; display:inline-block; overflow:hidden; width: 18px; height: 18px; text-indent:-9999em; border:1px solid #ccc; vertical-align: middle; cursor: pointer;}
input[type="radio"].noText:checked + label {border:1px solid #40cecd;}
input[type="radio"].noText:checked + label:after {content:''; position:absolute; top:0; left:5px; width:6px; height:12px; border-right:2px solid #40cecd; border-bottom:2px solid #40cecd; transform:rotate(45deg);}


my_wap{position:relative;}
/*header*/
.my_header_wrap{position: relative;width:100%;z-index:10;}

.my_header_wrap .header_top{height:48px;}
.my_header_wrap .header_top h1{float:left;display:inline-block;margin-left:20px;}
.my_header_wrap .header_top h1 a{display:block;padding:13px 0 13px 0 }

.my_header_wrap .header_top .my_gnb{float:left;margin-left:20px;font-size:15px;}
.my_header_wrap .header_top .my_gnb li{float:left;}
.my_header_wrap .header_top .my_gnb li a{display: inline-block;padding:15px 10px 15px 10px;}

.wizard_main {width:100%;text-align:center;}
.wizard_main_con {width:80%;margin:0 auto;text-align:center;}
.wizard_main .wizard_main_con .main_copy{font-size:72px;font-weight:400;}
.wizard_main .wizard_main_con .sub_copy{margin-top:50px;font-size:27px;font-weight:400;}
.wizard_main .wizard_main_con .start_brn {width: 180px;margin:80px auto;display: block;height: 32px;color: #fff;background: #ff6d1b;padding-top: 10px;text-align: center;font-size: 18px;border-radius: 24px;}

.wizard_main .step01_con{width:1100px;margin:0 auto;text-align:center;display:block;    overflow: hidden;}
.wizard_main .step01_con .wizard_main_step01_left{float:left;display:block;width:548px;height:548px;background:#ff6d1b;border:1px solid #ff6d1b}
.wizard_main .step01_con .wizard_main_step01_left h1{margin-top:100px;color:#fff;font-size:30px;}
.wizard_main .step01_con .wizard_main_step01_left p{margin-top:100px;color:#fff;font-size:19px;}
.wizard_main .step01_con .wizard_main_step01_left .start_brn{width: 180px;margin:100px auto 0;display: block;height: 32px;color:#ff6d1b;background:  #fff;padding-top: 10px;text-align: center;font-size: 18px;border-radius: 24px;}

.wizard_main .step01_con .wizard_main_step01_right{float:left;display:block;width:548px;height:548px;border:1px solid #ff6d1b}
.wizard_main .step01_con .wizard_main_step01_right h1{margin-top:100px;font-size:30px;}
.wizard_main .step01_con .wizard_main_step01_right p{margin-top:100px;font-size:19px;}
.wizard_main .step01_con .wizard_main_step01_right .start_brn{width: 180px;margin:100px auto 0;display: block;height: 32px;color:#fff;background:  #ff6d1b;padding-top: 10px;text-align: center;font-size: 18px;border-radius: 24px;}

.wizard_main .step02_con{width:1200px;margin:0 auto;text-align:center;display:block;    overflow: hidden;}
.wizard_main .step02_con .main_copy{font-size:72px;font-weight:400;}
.wizard_main .step02_con .sub_copy{margin-top:50px;font-size:27px;font-weight:400;}
.wizard_main .step02_con .design_start_btn {width: 180px;margin:80px auto;display: block;height: 32px;color: #fff;background: #ff6d1b;padding-top: 10px;text-align: center;font-size: 18px;border-radius: 24px;}

.wizard_main .step02_con .temp_list{width:1166px;margin:0 auto;display:block;overflow:hidden;padding-top:50px;}
.wizard_main .step02_con .temp_list li{width:223px;float:left;padding:20px 0 20px 0;margin:20px 5px 20px 5px;}
.wizard_main .step02_con .temp_list .thum{position: relative;width: 221px;height: 161px;border: 1px solid #adb8bd;display:block;overflow:hidden;}
.wizard_main .step02_con .temp_list .chkicon{display:none}
.wizard_main .step02_con .temp_list .thum .dim{display:none}
.wizard_main .step02_con .temp_list .temp_tit{padding:5px 0 0 0;font-size:16px;}
.wizard_main .step02_con .temp_list .on{}
.wizard_main .step02_con .temp_list .on .thum{border: 1px solid #ff6d1b;}
.wizard_main .step02_con .temp_list .on .chkicon {z-index:10;position: absolute;display:block;top:50%;left:50%;margin-left:-30px;margin-top:-30px;    }
.wizard_main .step02_con .temp_list .on .thum .dim{position: absolute;display:block;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.7}
.wizard_main .step02_con .temp_list li:hover .thum{border: 1px solid #ff6d1b;}
.wizard_main .step02_con .temp_list li:hover .thum .dim{position: absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5}
.webilder_footer{position:fixed;bottom:0;left:0;width:100%;height:30px;font-size:11px;color:#888;text-align:center;}

.loading_dim {z-index:20;position: absolute;display:none;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.7;}
.loading_con {z-index:21;position: absolute;top:50%;margin-top:-200px;display:none;width:500px;left:50%;margin-left:-250px;text-align:center;background:#fff;border: 1px solid #ff6d1b;padding-bottom:50px;}
.loading_con h1{margin-top:60px;font-size:30px;}
.loading_con p{margin:20px 0 40px 0;font-size:17px;}
.loader {margin:0 auto;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}